<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>demo1</title>
<meta name="format-detection" content="telephone=no" />
<meta name="format-detection" content="email=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="full-screen" content="yes"/>
<meta name="browsermode" content="application"/>
<meta name="x5-orientation" content="portrait"/>
<meta name="x5-fullscreen" content="true"/>
<meta name="x5-page-mode" content="app"/>
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui"/>
<link rel="stylesheet" href="./resources/css/bootstrap.min.css"/>
<link rel="stylesheet" href="./resources/css/bootstrap-vue.min.css"/>
<link rel="stylesheet" type="text/css" href="./resources/files/assets/icon/themify-icons/themify-icons.css">
<link rel="stylesheet" type="text/css" href="./resources/files/assets/css/style.css">
</head>
<body>
<div id="app">

<h1>{{msg}}</h1>
<tag1></tag1>
<tag2 :demomsg="msg" @on-send-msg="getsonmsg"></tag2>

</div>

<script type="text/javascript" src="./resources/files/bower_components/jquery/js/jquery.min.js"></script>
<script src ="./resources/js/vue.min.js"></script>
<script src ="./resources/js/vue-router.min.js"></script><!-- 路由 -->
<script src="./vload.js"></script>
</body>

<script type="text/javascript">
//全局组件使用
xvue.vtag('tag1','./demo_comp.html');	

new Vue({
	el:"#app",
	data:{
		"msg":"helloword"
	},
	components:{
		//局部组件使用
		tag2:xvue.vload('./demo_comp2.html')
	},
	methods:{
		getsonmsg(msg){
			alert(msg);
		}
	}
		
});
var obj1 = {
	id:'x'
};

</script>

</html>